<!DOCTYPE html
  PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <meta http-equiv="x-ua-compatible" content="ie=7" />
  <meta name="" content="" />
  <title>选座</title>
  <link rel="shortcut icon" href="../img/g10.ico" type="image/x-icon">
  <link href="../css/sit.css" rel="stylesheet" type="text/css" />
  <link rel="stylesheet" href="../css/templet.css">
</head>

<body>
  <!-- 头部 -->
  <div class="header">
    <div class="nav">
      <img class="logo" src="../img/img-templet/logo.png " alt="">
      <div class="position"><a href="">北京<img src="../img/img-templet/logo-bottom.png" alt=""></a></div>
      <ul class="type">
        <li><a href="">北京站</a></li>
        <li><a href="">演唱会</a></li>
        <li><a href="">音乐会</a></li>
        <li><a href="">话剧歌剧</a></li>
        <li><a href="">体育</a></li>
      </ul>
      <input type="text" placeholder="请输入演出、赛事、艺人、场馆名称...">
      <button><img src="../img/img-templet/search.png" alt=""></button>
      <ul class="login">
        <li><a href="login.html">登录</a></li>
        <li><a href="resigter.html">注册</a></li>
      </ul>
    </div>
  </div>



  <div class="Content">
    <!--/*内容*/-->

    <!--/*订票信息*/-->
    <!--/*订票信息 end*/-->
    <!--/*订票座位*/-->
    <div class="book_step_main">
      <div class="book_step_left">
        <div class="gray"></div>
        <!--/**/-->
        <div class="sitting">
          <h5>银幕</h5>
          <div class="sitting_list">
            <dl class="row row1">
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
            </dl>
            <dl class="row row2">
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
            </dl>
            <dl class="row row3">
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
            </dl>
            <dl class="row row4">
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
            </dl>
            <dl class="row row5">
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
            </dl>
            <dl class="row row6">
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
            </dl>
            <dl class="row row7">
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
            </dl>
            <dl class="row row8">
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
            </dl>
            <dl class="row row9">
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
            </dl>
            <dl class="row row10">
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
            </dl>
            <dl class="row row11">
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="kx"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
              <dd>
                <div class="nosit"></div>
              </dd>
            </dl>
          </div>
        </div>
        <!--/**/-->
      </div>
      <div class="book_step_right">
        <h1>选择座位</h1>
        <div class="select_sit">
          <dl>
            <dd>可选座位</dd>
            <dd class="yx">已选座位</dd>
            <dd class="ys">已售座位</dd>
          </dl>
          <div class="clear"></div>
          <h5>单击左侧座位图选择座位，再次单击座位取消选择。</h5>
          <ul class="selected">
            <!-- 新增ol标签 -->
            <!-- <ol>4排3座</ol> -->
          </ul>
          <div class="clear"></div>
        </div>
        <h1>选取座位进行购票</h1>
        <div class="select_sit">
          <table cellpadding="0" cellspacing="0" border="0">
            <tr>
              <!-- <td>手机号码</td> -->
            </tr>
            <tr>
              <!-- <td><input type="text" class="text" id="phone" onkeyup="checkphone()" /></td> -->
            </tr>
            <tr>
              <td id="tdtd" style="color: red;"></td>
            </tr>
            <tr>
              <td>
                <a href="#">
                  <input type="button" class="btn" id="gopay" value="立即购票" onclick="pay();" />
                </a>
              </td>
            </tr>
          </table>
        </div>
      </div>
      <div class="clear"></div>
    </div>
    <div class="Booktips " style="width: 990px; margin: 0 auto;">
      <h5>使用说明：</h5>
      <p>1、选择你要预订的座位单击选中，重复点击取消所选座位。<br /> 2、每笔订单最多可选购4张电影票。
        <br /> 3、每人每天限购3次。
        <br /> 4、选座时，请尽量选择相邻座位，请不要留下单个座位。
        <br /> 5、点击“立即购票”进入付款页面后，请在15分钟内完成支付，超时系统将释放你选定的座位。
        <br /> 6、开场前三小时内无法执行退票操作。
      </p>
    </div>

    <!--/*内容 end*/-->
  </div>


  <!-- 尾部 -->
  <footer>
    <div class="top">
      <div class="itm">
        <strong>订购方式 </strong>
        <p>在线订购</p>
        <p>电话订购</p>
        <p>上门订购</p>
        <p>大客户团体订购</p>
        <p>大麦超级票订购</p>
      </div>
      <div class="itm">
        <strong>配送方式</strong>
        <p>送货上门</p>
        <p>电子票</p>
        <p>上门自取</p>
        <p>大麦自助机换票</p>
      </div>
      <div class="itm">
        <strong>支付方式</strong>
        <p>在线支付</p>
        <p>柜台付款</p>
      </div>
      <div class="itm">
        <strong>大麦网微信</strong>
        <img src="../img/img-templet/ewm.png" alt="">
      </div>
      <div class="itm">
        <strong>大麦网触屏版</strong>
        <img src="../img/img-templet/ewm.png" alt="">
      </div>
      <div class="itm">
        <strong>帮助中心</strong>
        <p>找回密码</p>
        <p>账户注册</p>
        <p>账户绑定</p>
        <p>SSL安全证书</p>
      </div>
      <div class="itm">
        <strong>特色服务</strong>
        <p>退换及缺货说明</p>
        <p>发票帮助</p>
        <p>订票服务条款</p>
      </div>
      <div class="itm">
        <strong>退票服务</strong>
        <p>退出订阅</p>
      </div>
    </div>
    <div class="line"></div>
    <div class="bottom">
      <ul>
        <li>公司介绍</li>
        <li>品牌识别</li>
        <li>企业荣誉</li>
        <li>隐私声明</li>
        <li>联系及合作</li>
        <li>招聘信息</li>
        <li>网站地图</li>
        <li>友情链接</li>
        <li class="last">公司大事记</li>
      </ul>
      <div class="bt-imgs">
        <img src="../img/img-templet/btom-1.jpg" alt="">
        <img src="../img/img-templet/btom-2.jpg" alt="">
        <img src="../img/img-templet/btom-3.jpg" alt="">
        <img src="../img/img-templet/btom-4.jpg" alt="">
        <img src="../img/img-templet/btom-5.jpg" alt="">
        <img src="../img/img-templet/btom-6.jpg" alt="">
      </div>
    </div>
  </footer>



  <script src="../utill/jquery-3.5.1.min.js"></script>
  <script src="../js/chooseSeat.js"></script>
  <script src="../js/loginCheck.js"></script>
</body>

</html>